﻿.language-switcher {
    li {
        margin: 0;
        padding: 0;
    }

    a {
        display: block;
        padding-left: 6px;
        padding-right: 6px;
        position: relative;
        font-weight: bold;
    }


    &.format-NativeName a {
        &:first-letter {
            text-transform: uppercase;
        }
    }

    &.format-TwoLetterISOLanguageName a {
        text-transform: uppercase;
    }
}

@media (min-width: @screen-sm-min) {
    .language-switcher li {
        > a {
            &:after {
                content: '/';
                display: block;
                position: absolute;
                right: -4px;
                top: 0;
                color: @service-menu-link-color !important;
            }
        }

        &:last-child {
            > a:after {
                content: '';
            }
        }
    }
}
